/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.1.0
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */



.kwicks {width: 125px;height: 520px;}
.kwicks>li {width: 100%;text-align: center;}
#panel-1,#panel-2,#panel-3,#panel-4,#panel-5,#panel-6 {
	background: url(../images/iotbg01.png) 0 top no-repeat;
	background-size: cover;
}

.kwicks {display: block;list-style-type: none;list-style: none;position: relative;margin: 0;padding: 0;width: 250px;float: left;}
.kwicks h1 {display: block;font-size: 20px;color: #FFFFFF;padding: 10px 20px 4px;line-height: 50px;}
.kwicks p {padding: 10px 20px 20px;display: block;font-size: 14px;color: #cfd9f1;line-height: 30px;}
.kwicks>* {display: block;overflow: hidden;padding: 0;margin: 0;}
.kwicks.kwicks-processed>* {margin: 0;position: absolute;}

.kwicks-horizontal>* {float: left;}

.kwicks-horizontal> :first-child {margin-left: 0;}

.kwicks-vertical> :first-child {margin-top: 0;}



.kwicks01 {display: block;list-style-type: none;list-style: none;position: relative;margin: 0;padding: 0;width: 250px;float: left;}
.kwicks01 li {width: 50%;text-align: center;background: url(../images/iotbg01.png) 0 top no-repeat;background-size: cover;float: left;/* border-bottom: 1px solid #5b6c98; */overflow: hidden;max-height: 150px;overflow: hidden;}
.kwicks01 h1 {display: block;font-size: 20px;color: #FFFFFF;padding: 10px 20px 4px;line-height: 50px;}
.kwicks01 p {padding: 10px 20px 20px;display: block;font-size: 14px;color: #cfd9f1;line-height: 30px;min-height: 80px;overflow: hidden;}


@media (max-width:1920px) {

.kwicks01{ display:none;}
}


@media (max-width: 1680px) {

kwicks01
}
@media (max-width: 1440px) {


}


@media (max-width: 1300px) {
.kwicks01 h1 {line-height: 30px;padding: 25px 20px 4px;}
.kwicks01 p {padding:5px 50px 20px;line-height:20px;}
.kwicks {display: block;width: 100%;float: none;height: auto;padding-bottom: 20px;}
.kwicks h1 {display: block;}
.kwicks p {padding: 10px 20px 20px;display: block;font-size: 14px;color: #cfd9f1;line-height: 30px;}
.kwicks>li {width:33.3333%;float:left;}	
.kwicks.kwicks-processed>* {margin: 0;position: initial;float: left;}
.kwicks{ display:none;}
.kwicks01{display:block;width: 100%;padding-bottom: 20px;}




	
}
@media (max-width: 1024px) {
.kwicks01 p {padding: 15px 50px 20px;line-height:20px;}


}
@media (max-width: 992px) {
	
	
}
@media (max-width: 768px) {
.kwicks01 p {padding:0px 50px 20px;}

	
}